<template>
<div>
  <el-descriptions class="margin-top" :title="activeObj.nickName+'用户详情'" size="medium" :column="3"  border>

  <el-descriptions-item>
    <template slot="label">
      <i class="el-icon-user"></i>
      用户名
    </template>
    {{ activeObj.userName }}
  </el-descriptions-item>

  <el-descriptions-item>
    <template slot="label">
      <i class="el-icon-mobile-phone"></i>
      昵称
    </template>
    {{ activeObj.nickName }}
  </el-descriptions-item>

  <el-descriptions-item>
    <template slot="label">
      <i class="el-icon-location-outline"></i>
      手机号
    </template>
    {{ activeObj.phone }}
  </el-descriptions-item>

  <el-descriptions-item>
    <template slot="label">
      <i class="el-icon-tickets"></i>
      邮箱
    </template>
    {{activeObj.email}}
  </el-descriptions-item>

  <el-descriptions-item>
    <template slot="label">
      <i class="el-icon-office-building"></i>
      性别
    </template>
      <el-tag type="success" v-if="activeObj.sex==0">男</el-tag>
      <el-tag type="danger" v-else>女</el-tag>
  </el-descriptions-item>

    <el-descriptions-item>
    <template slot="label">
      <i class="el-icon-office-building"></i>
      状态
    </template>
      <dict-tag :value="activeObj.status" :data-list="statusOptions"></dict-tag>
  </el-descriptions-item>

    <el-descriptions-item>
    <template slot="label">
      <i class="el-icon-office-building"></i>
      最后登录ip
    </template>
    {{activeObj.loginIp}}
  </el-descriptions-item>

    <el-descriptions-item>
    <template slot="label">
      <i class="el-icon-office-building"></i>
      最后登录时间
    </template>
    {{activeObj.loginDate}}
  </el-descriptions-item>

    <el-descriptions-item>
    <template slot="label">
      <i class="el-icon-office-building"></i>
      创建者
    </template>
    {{activeObj.createBy}}
  </el-descriptions-item>

    <el-descriptions-item>
    <template slot="label">
      <i class="el-icon-office-building"></i>
      创建时间
    </template>
    {{activeObj.createTime}}
  </el-descriptions-item>

    <el-descriptions-item>
    <template slot="label">
      <i class="el-icon-office-building"></i>
      更新者
    </template>
    {{activeObj.updateBy}}
  </el-descriptions-item>

    <el-descriptions-item>
    <template slot="label">
      <i class="el-icon-office-building"></i>
      更新时间
    </template>
    {{activeObj.updateTime}}
  </el-descriptions-item>

  </el-descriptions>

</div>
</template>

<script>
export default {
  name: "sys-user-info",
  props:{
    activeObj:{
      type:Object,
      default:undefined
    },
    statusOptions:{
      type:Array,
      default:[]
    }
  }
}
</script>

<style scoped>

</style>
